<template>
    <div id="no-progress">
        <div class="banner">
            <span class="desc">暂无应聘记录，请先投递简历。</span>
            <div class="to-delivery" @click="$router.push('/join')">
                <span>去投递</span>
                <RightOutlined />
            </div>
        </div>
        <Steps :current="'0'"></Steps>
    </div>
</template>

<script setup lang='ts'>
import Steps from '@/components/Steps.vue';
</script>

<style lang="scss" scoped>
#no-progress {
    .banner {
        width: 894px;
        height: 74px;
        background: #209EE4;
        border-radius: 10px;
        padding: 0 20px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #fff;

        .to-delivery {
            width: 100px;
            height: 42px;
            border-radius: 75px 75px 75px 75px;
            border: 1px solid rgba(255, 255, 255, 0.5);
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
        }
    }
}
</style>